<template>
    <div id="content">
            <view-map></view-map>
        <query-info @changelist="changelist"></query-info>
        <show-list v-cloak ></show-list>
    </div>
</template>

<script>
import QueryInfo from "./QueryInfo.vue"
import ShowList from "./ShowList.vue"
import ViewMap from "./ViewMap.vue"
export default {
    data(){
        return {
            list:[]
        }
    },
  mounted(){
    
  },

    components:{
        QueryInfo,
        ShowList,
        ViewMap,
    },
    methods:{
        changelist(n){
            this.list=n
            this.$children[2].render(n)
        }
    }

}
</script>

<style scoped>
  #content{
    width: 100%;
    height:auto;
    background-color: transparent;
  }

</style>